<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale = 1,maxinum-scale=1,minimun-scale=1,user-scalable=no"/>
		<title>注册界面</title>
		<link rel="stylesheet" type="text/css" href="../wwwroot/bootstrap/css/bootstrap.css"/>
		<style type="text/css">
			html,body{
				width: 100%;
				height: 100%;
				margin: 0;
				
			}
			html{
				font-size: 100px;
			}
			.input-group{margin-bottom: 0.2rem;}
			.formBtn{width:100px;height: 40px;border: none;border-radius:5px ;}
		</style>
	</head>
	<body>
		
		<header>
			<div class="list-group">
				<div class="list-group-item">
					<span class="btn btn-default ">登陆</span>
					<span class="btn btn-default pull-right">注册</span>
				</div>
			</div>
			
		</header>
		<section class="text-center">
			<img src="../wwwroot/imgs/join.gif" style="border:2px solid #CCCCCC ;border-radius: 50%;margin-bottom: 0.1rem;"/>
		</section>
		
		
		<section>
			<div class="container">
				
			
			<div class="panel panel-default"  >
				<div class="panel-heading">
					<span>注册</span>
				</div>
				<div class="panel-body" >
					
					
						
					
					<form action="/user/login" method="post" class="bs-example bs-example-form" role="form">
						<div class="input-group">
							
							<label for="userName" class="input-group-addon">*&nbsp;用户名:</label><input class="form-control" type="text" name="username" required id="userName" value="" placeholder="请输入用户名" autocomplete="off" />
						</div>
						<div class="input-group">
							
							<input class="form-control" type="password" name="pwd" id="pwd" required value="" placeholder="请输入密码" autocomplete="off" />
							<label for="pwd" class="input-group-addon">*&nbsp;密码:</label>
						</div>
						<div class="input-group">
							*
							<input type="radio" name="sex" id="" value="man" />&nbsp;男
							<input type="radio" name="sex" id="" value="feman" />&nbsp;女
						</div>
						
						<div class="input-group">
							<label for="mail" class="input-group-addon">邮箱:</label>
							<input class="form-control" type="email" name="email" id="email" value="" placeholder="请输入邮箱地址" />
						</div>
						<div class="input-group">
							<input class="form-control" type="text" name="phoneNum" id="phoneNum" value="" placeholder="请输入手机号码" />
							<label for="phoneNum" class="input-group-addon">*&nbsp;手机号码:</label>
						</div>
						<div class="input-group">
							<label for="phoneNum" class="input-group-addon">*&nbsp;验证码:</label>
							<input class="form-control" type="text" name="phoneNum" id="phoneNum" value="" placeholder="请输入验证码" />
						</div>
						<div >
							<input  class="btn btn-success" type="submit" value="注册"/>
							<input class="btn btn-success pull-right" type="reset" value="重置" />
						</div>
							
						
						
						
					</form>
				</div>
				<div class="panel-footer">
					<p class="text-danger">前面带 * 为必填信息</p>
				</div>
			</div>
		</div>
		</section>
	</body>
</html>
<script src="../wwwroot/libs/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/libs/bootstrap.js" type="text/javascript" charset="utf-8"></script>\
<script type="text/javascript">
	$(function(){
		// 随窗口的大小改变rem
	function vwFun(){
		var vw = $(window).innerWidth();
		
		if(vw>=720){
			$("html").css("font-size",100);
		}
		else{
			$("html").css("font-size",vw/720*100);
		}
	}
	vwFun();
	$(window).resize(function(){
		vwFun();
	});
	});
</script>
